<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <style>
    @import "shop.css";
  </style>
  <script src="book.js"></script>
  <script src="bookPress.js"></script>
  <script src="shop.js"></script>
</head>
<body>
    <div id="manDiv">
      <div class="bookDiv" style="display: flex">
        <div style="width: 250px">
          <span id="idSpan" style="display: none"></span>
        <p>图书名：<span id="bookSpan"></span></p>
        <p>作者：<span id="auSpan"></span></p>
        <p>售价：<span id="priceSpan"></span></p>
          <input type="button" value="加入购物车" onclick="buy($('idSpan').innerHTML)">
        </div>
        <img id="bookImg" src="" width="108" height="150"/>
      </div>

      <div class="bookDiv">
        <table width="80%" border="1" cellspacing="0">
           <thead>
            <tr><th>书名</th><th>作者</th><th>售价</th></tr>
           </thead>
          <tbody id="bookDate"></tbody>
        </table>
         图书名:<input type="text"  id="serch">
        <input type="button" value="搜索" onclick="findBook()">
      </div>
    </div>
    <div id="shopDiv">
       <div id="shopContentDiv">
         <table border="1" width="100%" cellspacing="0">
           <thead>
           <tr><th>商品名</th><th>单价</th><th>数量</th><th>单项总价</th><th>移除商品</th></tr>
           </thead>
           <tbody id="shopDate"></tbody>
         </table>
         总价：<span id="totalSpan"></span>
         <input type="button" value="继续购物" onclick="$('shopDiv').style.visibility='hidden'">
       </div>
    </div>
</body>
</html>
